.container {
  width           : 100%;
  height          : 700px;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  overflow        : hidden;
  background-color: #000;


  p {
    width       : 100%;
    text-align  : center;
    height      : 120px;
    line-height : 120px;
    position    : relative;
    font-size   : 120px;
    font-weight : bold;
    background  : #000;
    color       : #fff;
    overflow    : hidden;
    border-width: 0;

    &::before,
    &::after {
      content       : "";
      position      : absolute;
      top           : -900px;
      left          : 50%;
      width         : 2000px;
      height        : 2000px;
      border-radius : 45% 48% 43% 47%;
      transform     : translate(-50%, -50%);
      background    : rgba(3, 169, 244, .85);
      animation     : rotate 10s infinite linear;
      z-index       : 1;
      mix-blend-mode: darken;
    }

    &::after {
      border-radius: 43% 47% 44% 48%;
      animation    : rotate 10s infinite .5s linear;
    }
  }

  @keyframes rotate {
    0% {
      transform: translate(-50%, -50%) rotate(0);
    }

    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
}